// pages/video/video.js
import axios from '../../utils/axios'
import hasJurisdiction from '../../utils/hasJurisdiction'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    navList: [], //用于存放导航数据的数组
    currentIndex: 58100, //用于存放激活导航栏的选中状态的id
    videoImgList: [], //用于存放视频图片列表数据
    hasmore: true, //用于判断当前选线是否有视频数据
    offset:0//存放请求哪里的数据，0代表前8条，8代表后8~16条 ...
  },

  // 下拉刷新页面
  refresherrefresh(){
    this.setData({
      offset:this.data.offset += 8 
    })
    setTimeout(() => {
      this.getvideoImgList()
    }, 500);
  },

    
    // 上拉到底回调函数
 async scrolltolower(){
    this.setData({
      offset:this.data.offset += 8 
    })
   const res= await axios('/video/group', {
      id: this.data.currentIndex,
      offset:this.data.offset
    })
    console.log(res);
    const newVideoImgList = res.datas.map(item => {
      return {
        vid: item.data.vid,
        coverUrl: item.data.coverUrl,
        title: item.data.title || item.data.name
      }
    })
   this.setData({
    videoImgList:[...this.data.videoImgList,...newVideoImgList]
   })
  },

  toPlayVideo(e) {
    wx.setStorageSync('videoInfo', e.currentTarget.dataset.videoinfo)
    wx.navigateTo({
      url: '/pages/playvideo/playvideo'
    })
  },

  // 改变currentIndex
  async changeCurrentIndex(e) {
    this.setData({
      currentIndex: e.currentTarget.dataset.id
    })
   this.getvideoImgList('ischangeCurrentIndex')

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  async getvideoImgList(ischangeCurrentIndex) {
   
    if(ischangeCurrentIndex=='ischangeCurrentIndex'){
      this.setData({
        videoImgList: [],
        hasmore: true
      })
    }
    const res2 = await axios('/video/group', {
      id: this.data.currentIndex,
      offset:this.data.offset
    })
    this.setData({
      videoImgList: res2.datas.map(item => {
        return {
          vid: item.data.vid,
          coverUrl: item.data.coverUrl,
          title: item.data.title || item.data.name
        }
      }),
    })
    if (res2.msg == '暂无推荐视频，请稍后再试') {
      this.setData({
        hasmore: false
      })
    }

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: async function () {
    if(!hasJurisdiction())return //判断是否有登陆，如果没有登陆则无法使用video功能

    const res = await axios('/video/group/list')
    this.setData({
      navList: res.data.splice(0, 15).map(item => ({
        id: item.id,
        name: item.name
      }))
    })
    await this.getvideoImgList()
  },
  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {},

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function ({}) {
      // console.log('onShareAppMessage',from,target);
  }
})